<template>
  <div class="information-card">
    <a-card :title="title">
      <template #extra><slot name="extra"></slot></template>
      <div class="p-4 flex h-24">
        <slot></slot>
      </div>
    </a-card>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "InformationCard",
  props: {
    title: String,
    icon: String,
  },
  setup() {
    return {};
  },
});
</script>

<style lang="scss">
.information-card {
  .ant-card-body {
    svg {
      width: 3.5rem;
      height: 3.5rem;
    }
  }
}
</style>
